<template>
  <el-container>
    <el-header>
      <el-menu :default-active="$route.path" router mode="horizontal">
        <el-menu-item><img  style="position: absolute;width: 150px;margin: 10px 25px;" src="../assets/img.png" alt></el-menu-item>
        <el-menu-item style="margin-left: 200px;font-size: 16px;" index="/homePage">首页</el-menu-item>
        <el-menu-item style="margin-left: 25px;font-size: 16px;" index="/productFunction">产品功能</el-menu-item>
        <el-submenu style="margin-left: 25px;font-size: 16px;" index="3">
          <template slot="title"> 解决方案</template>
          <el-menu-item index="/mechanism">申请机构版</el-menu-item>
          <el-menu-item index="/localized">本地化部署</el-menu-item>
        </el-submenu>
        <el-menu-item style="margin-left: 25px;font-size: 16px;" index="/cooperation">渠道合作</el-menu-item>
        <el-menu-item style="margin-left: 25px;font-size: 16px;" index="/vipPower">会员权益</el-menu-item>
        <el-menu-item style="margin-left: 25px;font-size: 16px;" index="/helpCenter">帮助中心</el-menu-item>
        <el-menu-item style="margin-left: 25px;font-size: 16px;"><a href="https://ktp.paper880.com/" style="text-decoration: none;"> 论文查重</a></el-menu-item>
        <el-button style="margin-top: 10px;width: 100px;margin-left: 25px;" @click="login">登录</el-button>
        <el-button type="primary" style="width: 100px;float: right;margin-right: 125px;margin-top: 10px;" @click="register">注册</el-button>
      </el-menu>
    </el-header>
    <el-main>
      <router-view/>
    </el-main>
  </el-container>
</template>
<script>
export default {
  name: 'NavMenu',
  props: ['navMenus'],
  data() {
    return {}
  },
  methods: {
    register(){
      this.$router.push("/register")
    },
    login(){
      this.$router.push("/login")
    }
  }
}
</script>
<style>
</style>
